import React from 'react'
import { Radio ,Row, Col, Select,Checkbox,Input} from 'antd';
import {
  PrinterOutlined,
  LeftOutlined,
  CheckCircleFilled,
  ClockCircleFilled
} from '@ant-design/icons';
import { Link } from 'react-router-dom';
import style from "./index.module.scss"
import {RightOutlined} from "@ant-design/icons"


const { Option } = Select;
export default function Hetongguanli() {


    function handleChange(value) {
        console.log(`selected ${value}`);
      }

      function onChange(e) {
        console.log(`checked = ${e.target.checked}`);
      }
    return (
        <div>
            <div className={style.nav}>
                <span className={style.title2}>贷款审批</span>
                <div className={style.right}>
                    <div>
                        <span className={style.top}>初审 <CheckCircleFilled /> </span>
                        <span className={style.top}>复审 <CheckCircleFilled /> </span>
                        <span className={style.top}>终审 <CheckCircleFilled /> </span>
                        <span className={style.top}>放款 <CheckCircleFilled /> </span>
                        <span className={style.top2}>还款 <CheckCircleFilled /> </span>
                        <span className={style.top2,style.top3}>完成 <ClockCircleFilled /> </span>

                        <Radio.Button value="large" > <PrinterOutlined /> 打印</Radio.Button>

                        <Link to='/home/duto'><Radio.Button value="large" className='buttonloan'> <LeftOutlined /> 返回</Radio.Button></Link>
                    </div>
                </div>
            
            </div>
            <div className={style.table}>
                <Row >
                    <Col span={18}>
                        <Row>
                        <Col  span={24} className={style.title}>
                            贷款信息
                        </Col>
                        </Row>
                        <Row>
                            <Col span={24}>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                        客户姓名:
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                            <span>郭某某</span>
                                            <span><a href="">客户资料档案<RightOutlined /></a></span>
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                    </Col>
                                    <Col span={8} className={style.border}>
                                    </Col>
                                </Row>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                        贷款性质:
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                        <Select defaultValue="个人" style={{ width: 200 }} onChange={handleChange}>
                                            <Option value="geren">个人</Option>
                                        </Select>
                                        <span></span>
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                        贷款类型
                                    </Col>
                                    <Col span={8} className={style.name}>
                                    <Select defaultValue="lucy" style={{ width: 200 }} onChange={handleChange}>
                                        <Option value="jack">信用</Option>
                                    </Select>
                                    <span></span>
                                    </Col>
                                </Row>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                        贷款用途:
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                        <Checkbox onChange={onChange}>日常生活消费</Checkbox>
                                        <span></span>
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                    </Col>
                                    <Col span={8} className={style.border}>
                                    </Col>
                                </Row>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                        还款方式:
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                        <Select defaultValue="benxi" style={{ width: 200 }} onChange={handleChange}>
                                            <Option value="benxi">等额本息</Option>
                                        </Select>
                                        <span></span>
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                        借款期限
                                    </Col>
                                    <Col span={8} className={style.border}>
                                    <Select defaultValue="qixian" style={{ width: 200 }} onChange={handleChange}>
                                            <Option value="qixian">借款期限</Option>
                                        </Select>
                                        <span></span>
                                    </Col>
                                </Row>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                        申请金额:
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                        <Input placeholder="Basic usage" />元
                                        <span></span>
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                        审批金额
                                    </Col>
                                    <Col span={8} className={style.name}>
                                    <Input placeholder="Basic usage" />元
                                    <span></span>
                                    </Col>
                                </Row>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                        合同金额:
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                        <Input placeholder="Basic usage" />元
                                        <span></span>
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                    </Col>
                                    <Col span={8} className={style.border}>
                                    </Col>
                                </Row>
                            </Col>
                        </Row>
                        <Row>
                            <Col  span={24} className={style.title}>
                                费用信息
                            </Col>
                        </Row>
                        <Row>
                            <Col span={24}>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                        综合利率:
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                            <Input placeholder="Basic usage" />
                                            <span></span>
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                        服务费：
                                    </Col>
                                    <Col span={8} className={style.name}>
                                        <Input placeholder="Basic usage" />
                                        <span></span>
                                    </Col>
                                </Row>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                        管理费:
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                        <Input placeholder="Basic usage" />
                                        <span></span>
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                    </Col>
                                    <Col span={8} className={style.name}>
                                    </Col>
                                </Row>
                            </Col>
                        </Row>
                        <Row>
                            <Col  span={24} className={style.title}>
                                审核信息
                            </Col>
                        </Row>
                        <Row>
                            <Col span={24}>
                                <Row className='row'>
                                    <Col span={4}><span className={style.p}>审核时间</span></Col>
                                    <Col span={4}><span className={style.p}>状态</span></Col>
                                    <Col span={4}><span className={style.p}>审核人员</span></Col>
                                    <Col span={4}><span className={style.p}>审核结果</span></Col>
                                    <Col span={8}><span className={style.p}>反馈详情</span></Col>
                                </Row>
                                <Row className='row'>
                                    <Col span={4}><span className={style.xinxi}>2018-07-06 16:58:11</span></Col>
                                    <Col span={4}><span className={style.xinxi}>终审</span></Col>
                                    <Col span={4}><span className={style.xinxi}>邓某某</span></Col>
                                    <Col span={4}><span className={style.xinxi}>审核通过</span></Col>
                                    <Col span={8}><span className={style.xinxi}>请安排放款
                                    【放款额度】合同金额48000元，期限36期，综合利率1.0%</span></Col>
                                </Row>
                            </Col>
                        </Row>
                        
                        {/* 合同管理 */}
                        <Row>
                            <Col  span={24} className={style.title}>
                                合同管理
                            </Col>
                        </Row>
                        <Row className='row'>
                            <Col span={4} className={style.border}>
                                合同号:
                            </Col>
                            <Col span={20} >
                                <div className={style.hetong}>
                                    <span>没有合同信息</span> 
                                    <a className={style.a}>生成合同</a> 
                                </div>
                            </Col>
                        </Row>
                        <Row className='row'>
                        
                        </Row>
                        {/* 银行资料 */}
                        <Row>
                            <Col  span={24} className={style.title}>
                                银行资料
                            </Col>
                        </Row>
                        <Row>
                            <Col span={24}> 
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                        开户行:
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                        <Select defaultValue="China" style={{ width: 200 }} onChange={handleChange}>
                                            <Option value="China">中国银行</Option>
                                        </Select>
                                            <span></span> 
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                        户名：
                                    </Col>
                                    <Col span={8} className={style.name}>
                                        <Input />
                                        <span></span>
                                    </Col>
                                </Row>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                        开户地:
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                        <Select defaultValue="China" style={{ width: 200 }} onChange={handleChange}>
                                            <Option value="China">中国银行</Option>
                                        </Select>
                                            <span></span> 
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                        支行名称：
                                    </Col>
                                    <Col span={8} className={style.name}>
                                        <Input />
                                        <span></span>
                                    </Col>
                                </Row>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                        银行账号:
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                        <Input />
                                            <span></span> 
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                    </Col>
                                    <Col span={8} className={style.name}>
                                    </Col>
                                </Row>
                                
                            </Col>
                        </Row>
                        {/* 放款审批 */}
                        <Row>
                            <Col  span={24} className={style.title}>
                                放款审批
                            </Col>
                        </Row>
                        <Row>
                            <Col span={24} className={style.tongdao}>
                                放款通道：
                            <Radio>线下放款</Radio>
                            <Radio>委托银行返款</Radio>
                            </Col>
                        </Row>
                        <Row>
                        <Col  span={24} className={style.title}>
                                放款登记
                            </Col>
                        </Row>
                        <Row>
                            <Col span={24}>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                    放款金额:
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                            <Input placeholder="Basic usage" />
                                            <span></span>
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                    银行交易流水号：
                                    </Col>
                                    <Col span={8} className={style.name}>
                                        <Input placeholder="Basic usage" />
                                        <span></span>
                                    </Col>
                                </Row>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                    委托放款凭证：
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                        <Input placeholder="Basic usage" />
                                        <span></span>
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                        放款时间：
                                    </Col>
                                    <Col span={8}>
                                    <div className={style.name}>
                                        <Input placeholder="Basic usage" />
                                        <span></span>
                                        </div>
                                    </Col>
                                </Row>
                                <Row className='row'>
                                    <Col span={4} className={style.border}>
                                    放款备注：
                                    </Col>
                                    <Col span={8} >
                                        <div className={style.name}>
                                        <Input placeholder="Basic usage" />
                                        <span></span>
                                        </div>
                                    </Col>
                                    <Col span={4} className={style.border}>
                                    </Col>
                                    <Col span={8}>
                                    <div className={style.name}>
                                        </div>
                                    </Col>
                                </Row>
                                <Row>
                                    <Col span={24} className={style.sub}><button className={style.up}>委托银行放款</button></Col>
                                </Row>
                            </Col>
                        </Row>

                    </Col>
                    <Col span={6}></Col>
                </Row>
                <div className={style.footer}>
                            Copyright © 2018 深圳市涛涛金融科技有限公司, All Rights Reserved.
                        </div>
            </div>
        </div>
    )
}
